<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="ctx" value="${pageContext.request.contextPath}"/>
<!DOCTYPE html>
<html lang="zh-CN">
  <head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <%@ include file="/common/ssb/include/common-base.jsp"%>
  <title>佣金明细</title>
  <!-- Tell the browser to be responsive to screen width -->
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
</head>

<!-- Part 一、 以下是body主体内容的模块区域 -->
<body class="hold-transition ${sysColor} sidebar-mini">
<div class="wrapper">

  <!-- top start -->
  <%@include file="/common/ssb/top.jsp" %>
  <!-- top end -->
  <!-- left start -->
  <%@include file="/common/ssb/left.jsp" %>
  <!-- left end-->

  <div class="content-wrapper">
    <!-- Main start -->
	<section class="content">
	  			<div id="div_hidden_content" class="hidden" style="display:none;">
	  			    <input name="templateType" type="hidden" value="search"/>
                    <div id="hidden_common_final">
                        <!-- temp="hidden_common_final" start -->
										<input name="mainObjName" type="hidden" value="ssCommissionDetail">
										<input name="mainObjPrimaryKey" type="hidden" value="infoId">
										<input name="objNameAll" type="hidden" value="ssCommissionDetail">
				<!-- temp="hidden_common_final" end -->
                     </div>
                    <!-- temp="delForm_hidden" start -->
                        <div id="delForm_hidden"></div>
                    <!-- temp="delForm_hidden" end -->

                    <!-- temp="viewForm_hidden" start -->
                        <div id="viewForm_hidden" style="display:none;"></div>
                    <!-- temp="viewForm_hidden" end -->

                    <!-- temp="editForm_hidden" start -->
                        <div id="editForm_hidden" style="display:none;"></div>
                    <!-- temp="editForm_hidden" end -->
	  			</div>
      <div class="row">
        <div class="col-xs-12">
        
          <!------搜索  start ------->
          <div class='box box-info>'>
             <!--搜索title  start --> 
	          <div class="box-header with-border">
                 <h3 class="box-title"><i class="fa fa-search"></i> 佣金明细搜索</h3>
                 <div class="box-tools pull-right">
    				<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
 				 </div>
              </div>
            <!--搜索11title  end -->
            <div class="box-body">
            	<form id="searchForm" action="javascript:;">
	            	<!-- temp="searchForm_hidden" start -->
									<div id="searchForm_hidden" style="display:none;">
										<input type="hidden" name="pageName" value="ss-commission-detail"/>
										<input type="hidden" name="formName" value="searchForm"/>
										<input type="hidden" name="orderBy" value="ssCommissionDetail.create_time desc"/>
										<c:if test="${!empty param.userId}">
											<input type="hidden" name="ssCommissionDetail.w_userId" value="${param.userId}" />
										</c:if>
										<c:if test="${!empty param.date}">
											<input type="hidden" name="ssCommissionDetail.w_sysName" value="${param.date}" />
										</c:if>
										<c:if test="${empty param.userId}">
											<c:if test="${loginUser.userType!='manager'}">
												<input type="hidden" name="ssCommissionDetail.w_userId" value="${loginUser.userId}" />
											</c:if>
										</c:if>
									</div>
				<!-- temp="searchForm_hidden" end -->
					
	              	<!-- temp="searchForm_content" start -->
				<div id="searchForm_content" class="form-group"  data-temp-code="true" data-temp-type="searchForm" data-temp-form-id="searchForm">


					<table class="table table-bordered bordercolor">
						<tbody>
						<tr>
							<td class="active" align="right"><label class="form-control-static">保单号：</label></td>
							<td>
								<div class="form-group"><input name="ssCommissionDetail.wl_policyNo"
															   class="form-control clean" maxlength="30"
															   data-temp-obj="ssCommissionDetail.policyNo"></div>
							</td>
							<td class="active" align="right"><label class="form-control-static">渠道商名称：</label></td>
							<td>
								<div class="form-group"><input name="ssCommissionDetail.wl_userCname"
															   class="form-control clean" maxlength="30"
															   data-temp-obj="ssCommissionDetail.userCname"></div>
							</td>
						</tr>
						</tbody>
					</table>

				</div>
				<!-- temp="searchForm_content" end -->
			  	</form>
			  <div class="box-footer text-center">
			       <button type="button" class="btn btn-success" onclick="getTableData();" data-temp-event="searchForm_hidden"><i class="fa fa-search"></i> 查询</button> 
			       <button type="button" class="btn btn-warning" onclick="mytools.cleanData('#searchForm');">重置 </button>
			   </div>
            </div>
	     </div>
	     <!------- 搜索 end -------->
           
        <!------- 列表 start -------->
          <div class="box box-success">
            <!--列表title  start --> 
	          <div class="box-header with-border">
                 <h3 class="box-title"><i class="fa fa-table"></i> 佣金明细查询结果</h3>
				  <c:if test="${!empty param.userId}">
					  <button type="button" class="btn btn-info btn-xs" onclick="toBack();">返回上级</button>
				  </c:if>
                 <div class="box-tools pull-right">
    				<button type="button" class="btn btn-box-tool" data-widget="collapse"><i class="fa fa-minus"></i></button>
 				 </div>
              </div>
			  <div class="box-body">
              	 	<table id="dataList" class="table table-bordered table-hover">
              	 		<thead>
		                	<tr id="dataList_thead_content" data-temp-code="true" data-temp-type="table" data-temp-show="dataList_template_content">
			                	<th>序号</th>
			                	<!-- temp="dataList_thead_content" start -->

								            <th data-temp-obj="ssCommissionDetail.policyNo">保单号</th>
											<th data-temp-obj="ssCommissionDetail.channelName">产品名称</th>
											<th data-temp-obj="ssCommissionDetail.userCname">渠道商名称</th>
											<th class="text-right" data-temp-obj="ssCommissionDetail.amount">金额</th>
											<th class="text-right" data-temp-obj="ssCommissionDetail.premium">保费</th>
											<th class="text-right" data-temp-obj="ssCommissionDetail.comScale">佣金比例</th>
											<th class="text-center" data-temp-obj="ssCommissionDetail.createTime">创建时间</th>
				<!-- temp="dataList_thead_content" end -->
		                	</tr>
	                	</thead>
		                <tbody id="dataList-body">
		                	
		                </tbody>
	              </table>
            	</div>
           	 	
           	 	<div class="box-footer text-center">
			      	<ul id="dataList-page" class="pagination">
					</ul>
			 	</div>              
           </div>
        <!------- 列表 end -------->
        </div>
      </div>
  

<!-- Part 二、以下是template模板定义的模块区域 -->
<script type="text/template" id="dataList-template">
		<? for ( var i = 0; i < rows.length; i++) {?>
		<tr>
				<td><?=(pageObj.currentPage-1)*10+(i+1)?></td>
			<!-- temp="dataList_template_content" start -->
				<td style='display:none;'><input type="hidden" name="input_primaryKey" obj-name="ssCommissionDetail" primary="infoId" value="<?=strUtil.doNull(rows[i].ssCommissionDetail.infoId,'')?>"/></td>
			    <td><?=strUtil.doNull(rows[i].ssCommissionDetail.policyNo,'')?></td>
				<td><?=strUtil.doNull(rows[i].ssCommissionDetail.channelName,'')?></td>
				<td><?=strUtil.doNull(rows[i].ssCommissionDetail.userCname,'')?></td>
				<td class="text-right">￥<?=fmoneyDoNull(rows[i].ssCommissionDetail.amount,'0')?></td>
				<td class="text-right">￥<?=fmoneyDoNull(rows[i].ssCommissionDetail.premium,'')?></td>
				<td class="text-right"><?=strUtil.doNull(rows[i].ssCommissionDetail.comScale,'')?>%</td>
				<td class="text-center"><?=strUtil.doNull(rows[i].ssCommissionDetail.createTime,'')?></td>
				<!-- temp="dataList_template_content" end -->
		</tr>
   <?}?>  		
</script>

<!-- Part 三、 以下是js模块区域 -->
<script>
var clickMenu = "yjgl-list-detail";
var myPage,dataListId,searchFormId;
myPage = 10;//定义列表数据
dataListId = "dataList";//显示列表数据div的id
searchFormId = "searchForm";//搜索表单Id
/**
 * 初始化数据字典，id传入#id 返回值Map用法：dictListMap["userType"][rows[i].userType]
 */
var dictListMap = DictUtil.initDictAndDymic();
 
$(function () {
	//1、加载分页列表数据
	getTableData();
	
	//2、控制是否启用token
	//setToken();
	
 });
 
 $(function () {
	//设置数据行选中效果
	$('#'+dataListId+' tbody').on('click','tr', function (e) {
	     if ( $(this).hasClass('selected') ) {
	        }
	        else {
	            $('tr.selected').removeClass('selected');
	            $(this).addClass('selected');
	        }
	     //var id = $('tr.selected th').eq(0).html();
	} );
 });
//注入日历框样式
var dateObject = $('.datepicker').datepicker( {
	language : 'zh-CN',
	//inline: true,
	todayBtn : "linked",
	format : "yyyy-mm-dd",
	autoclose: true
});
//数据toLoad读取（查看、编辑）数据
function toLoad(obj,type){

}
function toBack() {
	var reqUrl2=page_admin+"/yjgl/yjgl-list";
	mytools.pjax(reqUrl2);
}
//加载列表数据
function getTableData(){
    if(strUtil.isNull($("#"+searchFormId).find("input[name='pageName']").val())){return;}
    var index_load = layer.load(1, {shade: false});
	$.ajax({
		   type:'get',
		   url:common_list_url,
		   data:$("#"+searchFormId).serialize()+getCurrentPage(common_list_url+"?"+$("#"+searchFormId).serialize(),myPage),
		   dataType:'json',
		   success: function(myData){
		   	console.log(myData);
			    var data = baidu.template(dataListId+"-template",eval(myData));  
				$("#"+dataListId+"-body").html(data);
				  var option= {
						   ele:$("#"+dataListId+"-page")[0],
						   total:myData.total,
						   fn:getTableData,
						   url:common_list_url+"?"+$("#"+searchFormId).serialize()
					   }
					generatePages(option);
					layer.close(index_load);
			   }
		});	
  }

//刷新
function refresh(){
	getTableData();
}
//设置token
function setToken(){
	$.ajax({
	    type:'get',
	    url:'${ctx}/sendPage/token?token=true',
	    dataType:'text',
	    success: function(myData){
	    	console.log(myData);
			$('.formToken').val(myData);
	  	}
	});	
}


</script>
</section>
<!-- Main end -->   
</div>
<!-- foot start -->
<%@include file="/common/ssb/foot.jsp" %>
<!-- foot start -->
</div>
<!-- /.content-wrapper -->
</body>
</html>










